body{
    /* height: 100%; */
    width: 100vw;
    background-image: url('../image/004.jpg');
    /* background-size: 100% 100%; */
    /* background-repeat: repeat-y;
    background-position:center; */
    background-repeat:no-repeat;
    background-size:100% 100%;
    -moz-background-size:100% 100%;
}
.main{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 500px;
    height: 300px;
    opacity: 0.8;
    /* margin:250px auto; */
    /* background: linear-gradient(to left,#fff,#eee); */
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    transition: all .5s ease-in;
}
.main:hover{
    background: #eee;
    /* border: 1px solid #DB7093; */
    border-radius: 5%;
    box-shadow: 0 0 3px 3px #ccc;
}